<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东登录页面</title>
    <style>

        .d1{
            overflow: hidden;
        }

        .d2{
            margin: 0;
            height: 475px;
            background-image: url("../fudongimage/jd1.png");
        }
        .d3{
            margin: 3px;
            color: gray;
            text-align: center;
        }
       /* .d5{
            background-image: url("../fudongimage/jd2.jpg");

            background-repeat: no-repeat;
        }*/
       /* .d6{
            background-image: url("../fudongimage/jd3.jpg");
            background-repeat: no-repeat;
        }*/
        .d6{
            vertical-align: center;
        }
        .d7{

            text-align: center;
        }

        .f1{
            padding-left: 100px;
            float: left;
        }
        .f2{
            padding: 15px;
            width: 300px;
            height: 250px;
            background-color: white;
            float: right;
            margin-top:30px ;
            margin-right: 130px;
        }
        .a1{
            text-decoration: none;
            color: gray;
            float: right;
        }
        .a2{
            text-decoration: none;
            color: gray;
            float: right;
        }
        .a2:hover{
            color: red;
        }
        .a3{
            background-color: red;
            color: black;
            text-decoration: none;
            width: 300px;
            border: 1px solid transparent;
        }

          .v1{
              vertical-align: center;
          }
        ul.qqq li{
            margin: 15px 15px ;
            display: inline-block;
        }
        /*.in1{*/
        /*   height: 1px;*/

        /*}*/
        div.d6 .v1 input.in1{
            height: 38px;
        }

    </style>
</head>
<body>
 <div>
     <div class="d1">
        <div class="f1">
            <img src="../fudongimage/jd5.png">
        </div>
         <h3>欢迎登录</h3>

         <div class="d2">
             <div class="f2">
                 <div class="d4">
                     <p>京东会员
                     <a href="#" class="a1"><img src="../fudongimage/jd4.jpg">立即注册</a>
                     </p>
                 </div>

                 <div class="d5">
                     <div class="d6">
                         <p class="v1"><img src="../fudongimage/jd2.jpg">
                             <input type="text" value="邮箱/用户名/已验证手机" class="in1">
                         </p>
                     </div>
                     <div>
                         <p>
                             <img src="../fudongimage/jd3.jpg" >
                             <input type="text" style="height:41px;">
                         </p>
                     </div>
                     <div>
                         <p><input type="checkbox">自动登录 <a href="#" class="a2">忘记密码</a></p>
                     </div>
                     <!--<p>
                         <img src="../fudongimage/jd2.jpg">
                     </p>-->
                 </div>
                       <div class="d7">
                           <input type="submit" value="登录" class="a3">
                            <!--  <p><a href="#" class="a3">登录</a></p>-->
                       </div>
             </div>
         </div>
     </div>
     <div class="d3">
         <ul type="none" class="qqq">
             <li>关于我们</li>|
             <li>联系我们</li>|
             <li>人才招聘</li>|
             <li>商家入驻</li>|
             <li>广告服务</li>|
             <li>手机京东</li>|
             <li>友情链接</li>|
             <li>销售联盟</li>|
             <li>京东社区</li>|
             <li>京东公益</li>|
             <li> English Site</li>
         </ul>
           <p>Copyright&copy;2004-2017 京东JD.com 版权所有</p>
     </div>
 </div>
</body>
</html>